<!DOCTYPE html>
<!-- saved from url=(0039)https://v3.bootcss.com/examples/signin/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" th:href="@{https://v3.bootcss.com/favicon.ico}">

    <title>Signin Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link th:href="@{/css/signin.css}" rel="stylesheet">

<!--    &lt;!&ndash; Bootstrap core CSS &ndash;&gt;-->
<!--    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" rel="stylesheet">-->
<!--    &lt;!&ndash; Custom styles for this template &ndash;&gt;-->
<!--    <link th:href="@{https://v3.bootcss.com/examples/signin/signin.css}" rel="stylesheet">-->
  </head>

  <body class="text-center">

  <main class="form-signin">
    <form class="form-horizontal" th:action="@{/user/login}">
      <img class="mb-4" src="https://getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
      <h1 class="h3 mb-3 fw-normal" th:text="#{login.tip}"></h1>
      <p style="color: red" th:text="${error}" th:if="${not #strings.isEmpty(error)}"></p>
      <label for="inputUserName" class="sr-only" th:text="#{login.username}"></label>
      <input type="text" id="inputUserName" name="username" class="form-control" th:placeholder="#{login.username}" required autofocus>
      <label for="inputPassword" class="sr-only" th:text="#{login.password}"></label>
      <input type="password" id="inputPassword"  name="passwd" class="form-control" th:placeholder="#{login.password}" required>
      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" value="remember-me" > [[#{login.remember}]]
        </label>
      </div>
      <button class="w-100 btn btn-lg btn-primary" type="submit">[[#{login.btn}]]</button>
      <p class="mt-5 mb-3 text-muted">&copy; 2017- 2020</p>
      <a class="btn btn-sm" th:href="@{/index.html(l='zn_CN')}">中文</a>
      <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">英文</a>
    </form>
  </main>
  </body>
</html>